<template>
  <div class="wall-main">
    <div class="wall-container">
      <!-- 星标评论 -->
    </div>
    <div class="wall-comment">
      <!-- 留言板 -->
      <el-card style="width: 100%">
        <!-- 评论区 -->
        <my-comment />
      </el-card>
    </div>
  </div>
</template>
<script setup lang="ts">
import MyComment from '@/components/Wall/comment/index.vue';
import { ref } from 'vue';
</script>

<style scoped lang="scss">
.wall-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 30px;

  .wall-container {
    width: 100%;
    display: flex;
  }

  .wall-comment {
    width: 100%;
    height: 100%;
    display: flex;
  }
}
</style>
